﻿<%@ Page Title="" Language="C#" MasterPageFile="~/Views/Shared/Site.Master" 
    Inherits="System.Web.Mvc.ViewPage<PagedList<zeus.Core.Poligono>>" %>
<%@ Import Namespace="zeus.Web.Controllers" %>
<%@ Import Namespace="Webdiyer.WebControls.Mvc" %>

<asp:Content ID="headContent" ContentPlaceHolderID="HeadContentPlaceHolder" runat="server">
    <script type="text/javascript" src="<%= ResolveUrl("~") %>Scripts/helpers.js"></script>
    <link href="<%= ResolveUrl("~") %>Content/tables.css" rel="stylesheet" type="text/css" />
    <title>Rutas</title>

    <script type="text/javascript" language="javascript">
        $(function () {
            <%if ((bool)ViewData["IsAdmin"])
              { %>
                $("#Clientes").change(function () {
                    document.location.href = "<%= ResolveUrl("~") %>Recursos/Rutas?clienteId=" + $(this).val();                
                });
            <%} %>

            $("#CodigoUnidad").change(function () {
                var clienteId = $("#Clientes").val();
                if(clienteId) {
                    document.location.href = "<%= ResolveUrl("~") %>Recursos/Rutas/?clienteId=" + clienteId + "&und=" + $("#CodigoUnidad").val();
                }
                else {
                    document.location.href = "<%= ResolveUrl("~") %>Recursos/Rutas/?und=" + $("#CodigoUnidad").val();
                }                
            });

            $("#dialog-confirm").dialog({
                modal: false,
                autoOpen: false,
                buttons: {
                    "Cancelar": function () {
                        $(this).dialog("close");
                    },

                    "Aceptar": function () {
                        if ($("#nombre").val().length == 0) {
                            alert("Ingrese un nombre antes de continuar");
                            $("#nombre").focus();
                        }
                        else {
                            $(this).dialog("close");
                            $("#nombreHidden").val($("#nombre").val());
                            $("#undHidden").val($("#CodigoUnidad").val());
                            $("#clienteHidden").val($("#Clientes").val());
                            $('form#nombreForm').submit();
                        }
                    }
                }
            });

            $("#NuevoPerimetro").click(function () {
                $("#dialog-confirm").dialog("open");
                $("#nombre").focus();
            });
        });
    </script>
</asp:Content>

<asp:Content ID="menuContent" ContentPlaceHolderID="MenuContentPlaceHolder" runat="server">
    
</asp:Content>

<asp:Content ID="mainContent" ContentPlaceHolderID="MainContentPlaceHolder" runat="server">

    <div id="dialog-confirm" title="Ingrese un nombre" style="display:none">
	    <p>
            Nombre: <input type="text" id="nombre" maxlength="50"/>
        </p>
    </div>

    <form method="post" action="#" id="nombreForm">  
        <input type="hidden" name="nombreHidden" id="nombreHidden" />
        <input type="hidden" name="undHidden" id="undHidden" />
        <input type="hidden" name="clienteHidden" id="clienteHidden" />
    </form>

    <p>
        <a href="#" id="NuevoPerimetro">Nueva Ruta</a>
    </p>

    <p>
        <%if ((bool)ViewData["IsAdmin"])
          { %>    
        Cliente: <%= Html.DropDownList("Clientes")%>            
        <%} %>
        Unidad: <%: Html.DropDownList("CodigoUnidad") %>
    </p>

    <table class="datatable">
        <caption>
            Listado de Rutas</caption>
        <thead>
            <tr>
                <th>
                    Nombre
                </th>
                <th>
                    Creado por
                </th>                                 
                <th>
                    Acciones
                </th>                                 
            </tr>
        </thead>
        <%foreach (var item in Model)
          {
        %>      
        <tr>
            <td>
                <a href="<%= ResolveUrl("~") %>Recursos/NuevaRuta/<%: item.Id %>"><%: item.Nombre %></a>        
            </td>
            <td>
                <%: item.UsuarioCreacion %>
            </td>                                  
            <td>
                <a href="#" onclick="javascript:eliminar(<%: item.Id %>, '<%= ResolveUrl("~") %>Recursos/EliminarPoligono', '<%= ResolveUrl("~") %>Recursos/Rutas')">Eliminar</a>
            </td>
        </tr>
        <%} %>
                           
    </table>

    <p>
        <%= Html.Pager(Model, new PagerOptions{PageIndexParameterName="id"}) %>
    </p>
</asp:Content>

